<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/11/15
  Time: 14:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/top.css">
</head>
<body>
<div class="top">
    <div class="company">
        <div>
            <div><img src="${companyModel.logo}" height="141" width="204"/></div>
            <div>
                <div><img src="../img/phone.png" height="30" width="30"/></div>
                <div>${companyModel.phone}</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div>
            <!--            <a href="home.html">网站首页</a>-->
<%--   items 要循环Java后台的数据，前端拿后端的值需要${}包起来  ，
这里面的值和Java后台的key相对应
     req.setAttribute("navModels", navService.getNavModels());--%>
<%--     c:forEach循环语句，每次循环加1       --%>
            <c:forEach items="${navModels}" var="model">
                <div onclick="window.location.href='${model.href}'"> ${model.title}</div>
            </c:forEach>
<%--            <div onclick="window.location.href='home.html'"> 网站首页</div>--%>
<%--            <div onclick="window.location.href='company.html'">公司简介</div>--%>
<%--            <div onclick="window.location.href='news.html'">新闻介绍</div>--%>
<%--            <div onclick="window.location.href='product.html'">产品信息</div>--%>
<%--            <div onclick="window.location.href='online.html'">在线留言</div>--%>
<%--            <div onclick="window.location.href='callus.html'">联系我们</div>--%>
<%--            <c:forEach item="${navModelList}" begin="3" end="5">--%>

<%--            </c:forEach>--%>
        </div>
    </div>
    <div>
        <div>
            <div>品味生活 · 品味美食
            </div>
            <div>
                <div>一壶茶沏出了生活的醇美</div>
                <div>一枝花开出了生活的鲜艳</div>
                <div>一首诗吟出了生活的酸辛</div>
                <div>一把火燃烧出了生活的激情</div>
                <div>一枝笔 绘出了人生的五彩缤纷</div>
                <div>一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么苦又这么辣</div>

            </div>
            <div>
                <div>
                    <!--                            自定义元素-->
                    <oo>品味</oo>
                    <ee>生活</ee>
                    <oo>品味</oo>
                    <ee>美食</ee>
                </div>
                <div>
                    <ff>某某给你生活指南</ff>
                </div>

            </div>
        </div>
    </div>
</div>
</body>
</html>